body {
    background: #fff6f7;
}

.pxToRem(@p, @px) {
    @{p}: @px / 75px * 1rem;
}

.header {
    width: 100%;
    .pxToRem(height, 236);
    //  .pxToRem(margin-top, 50);
    .pxToRem(padding-top, 30);
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    .left {
        width: 20%;
        background: #fff;
        .pxToRem(margin-left, 40);
        img {
            width: 50%;
            .pxToRem(line-height, 118);
        }
    }
    .center {
        flex: 1;
        background: #fff6f7;
        .pxToRem( border-radius, 100);
        input {
            border: none;
            padding: 3% 25%;
            background: #fff6f7;
            .pxToRem( border-radius, 10);
            .pxToRem( font-size, 80);
            background: url(../images/3.png) no-repeat 10% center;
            .pxToRem( background-size, 80);
        }
    }
    .right {
        background: #fff;
        width: 10%;
        .pxToRem( margin-left, 100);
        .pxToRem( height, 118);
        img {
            width: 50%;
        }
    }
}

.section {
    z-index: 9;
    position: fixed;
    .pxToRem(top, 160);
    .pxToRem(left, 0);
    width: 100%;
    //  .swiper-slide {
    //      text-align: center;
    //      .pxToRem(font-size, 30);
    //      display: flex;
    //      justify-content: center;
    //      align-items: center;
    //  }
    .uls {
        .pxToRem(height, 250);
        background: #fff;
        .pxToRem(margin-top, 100);
        display: flex;
        justify-content: flex-start;
        align-items: center;
        .nav_one {
            box-sizing: border-box;
            color: red;
            border-bottom: 2px solid red;
        }
        li {
            padding: 0 5%;
            .pxToRem(line-height,240);
//          .pxToRem(padding-bottom,80);
            .pxToRem(font-size,60);
              
        }
    }
}

.sec {
    .pxToRem(margin-top, 250);
    background: #fff6f7;
    .swiper-container {
        width: 100%;
        .swiper-slide {
            .pxToRem(font-size, 9);
            .pxToRem(margin-top, 45);
            .submenu {
                width: 100%;
                background: #fff6f7;
                .lun {
                    .swiper-slide {
                        background: #fff;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        img {
                            width: 100%;
                        }
                    }
                }
                .navs {
                    .pxToRem(margin-top, 100);
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    background: #fff;
                    dl {
                        flex: 1;
                        text-align: center;
                        padding: 3% 0;
                        dt {
                            width: 100%;
                            img {
                                width: 30%;
                            }
                        }
                        dd {
                            .pxToRem(font-size, 50);
                            .pxToRem(padding-top, 30);
                        }
                    }
                    dl:nth-child(1) {
                        .pxToRem(padding-left, 40);
                    }
                    dl:nth-child(3) {
                        .pxToRem(padding-right, 40);
                    }
                    .center_dl {
                        flex: 1;
                        border-left: 1px solid #ccc;
                        border-right: 1px solid #ccc;
                    }
                }
                .sect {
                    .pxToRem(margin-top, 50);
                    background: #fff6f7;
                    .pxToRem(margin-bottom, 106);
                    .sec_lis ,.sec_li,.sec_l,.sec_lf,.sec_ll{
                        padding: 3%;
                        background: #fff;
                        .pxToRem(margin-top, 150);
                        .lis_top {
                            border-bottom: 1px solid #ccc;
                            dl {
                                display: flex;
                                justify-content: flex-start;
                                align-items: center;
                                dt {
                                    .pxToRem(width, 236);
                                    img {
                                        width: 100%;
                                    }
                                }
                                dd {
                                    .pxToRem(margin-left, 86);
                                    h2 {
                                        .pxToRem(font-size, 50);
                                        font-weight: bold;
                                        color: red;
                                    }
                                    p {
                                        color: #ccc;
                                        .pxToRem(padding-top, 36);
                                    }
                                }
                            }
                            .imgs {
                                img {
                                    width: 100%;
                                }
                            }
                            .hp {
                                .pxToRem(margin-bottom, 100);
                                h2 {
                                    .pxToRem(font-size, 96);
                                    font-weight: bold;
                                    .pxToRem(margin-top, 50);
                                }
                                p {
                                    color: #ccc;
                                    .pxToRem(font-size, 60);
                                    .pxToRem(line-height, 80);
                                    .pxToRem(margin-top, 50);
                                }
                            }
                        }
                        ;
                        .ps {
                            width: 100%;
                            .pxToRem(height, 280);
                            .pxToRem(line-height, 280);
                            display: flex;
                            justify-content: space-between;
                            p:nth-child(1) {
                                .pxToRem(margin-right, 100);
                                .pxToRem(font-size, 40);
                            }
                            p:nth-child(2) {
                                .pxToRem(margin-right, -125);
                                text-align: center;
                                width: 20%;
                                background: url(../images/xin.png) no-repeat 5% center;
                                background-size: 20%;
                                //                              padding: 0 1%;
                            }
                        }
                    }
                }
                
            }
        }
    }
}

.footer {
    width: 100%;
    .pxToRem(height,230);
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #fff;
//  .pxToRem(height, 143);
    z-index: 99;
    .pxToRem(margin-top, 286);
    .dl {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        flex: 1;
        padding: 0 25%;
        dt {
            text-align: center;
            img {
                width:50%;
            }
        }
        dd {
            .pxToRem(font-size,20);
             .pxToRem(padding-top,15);
            color: #000000;
        }
    }
    dl:nth-child(1){
        .pxToRem(margin-left,5%);
    }
    .xuan{
        dd {
            color: red;
        }
    }
}